﻿
@{
    ViewBag.Title = "Home";
    Layout = "~/Views/_GmShopPage.cshtml";
}

<link href="~/Content/HomeCss.css" rel="stylesheet" />

<div id="homtpage">
    <div id="kong"></div>
    <div id="homeDiv">
        <div id="classification">
            <div class="TopDiv">
                <div class="TopText">
                    <span>商品分类</span>
                    <span>全部分类</span>
                </div>

                <div v-for="index in CommodityType" class="classificationType">
                    <span>{{index.CommodityTypeName}}</span>
                    <div>
                        <ul>
                            <li v-for="item in index.CommodityTypeListName">{{item.CommodityTypeListName}}</li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
        <div id="commodity">
            <div id="Carousel">
                <img src="../Image/ad-03.jpg" />
            </div>
            <div class="TopDiv">
                <div class="TopText">
                    <span>疯狂抢购</span>
                </div>
                <div id="commodityList">

                    <div v-for="index in CommodityInfo" class="commodityOne" :id="index.Id" >
                        <div v-bind:style="'background-image: url(' +index.IconPath">
                            <div>
                                <span>¥{{index.Unit}}</span>
                            </div>
                        </div>
                        <span>{{index.CommodityName}}</span>
                    </div>

                </div>
            </div>
        </div>
        <div id="announcement">
            <div class="TopDiv">
                <div class="TopText">
                    <span>公告栏</span>
                    <span>全部分类</span>
                </div>
                <div id="announcementDiv">
                    <div id="gonggaoImage" style=""></div>
                    <ul>
                        <li v-for="index in announcement">{{index.AnnouncementText}}</li>
                    </ul>
                </div>
            </div>
            <div class="TopDiv">
                <div class="TopText">
                    <span>新品上架</span>
                    <span>全部分类</span>
                </div>
                <div id="NewProduct">
                    <ul>

                        <li v-for="index in NewRelease">
                            <div class="NewShopImg" v-bind:style=" 'background-image: url(' +index.ReleaseImagePath"></div>
                            <div class="NewProductTextDiv">
                                <div>
                                    <a href='#'>{{index.ReleaseText}}</a>
                                </div>
                            </div>
                        </li>
                        
                    </ul>
                </div>
            </div>
            <div class="windowsPage">
                <div class="windowsHomePage">
                    <div class="windowsHomeBut">
                        <span>笔记本</span>
                    </div>
                    <div class="">
                        <span>手机充值</span>
                    </div>
                </div>
                <div class="windowsHomeText" id="notebookWindows">
                    <div>
                        <span>品牌:</span>
                        <select>
                            <option>联想</option>
                        </select>
                        <br />
                        <span>尺寸:</span>
                        <select>
                            <option>14英寸</option>
                        </select>
                        <br />
                        <span>价格:</span>
                        <select>
                            <option>4000以下</option>
                        </select>
                    </div>
                    <div class="windowsHomeGetBut" id="notebookWindowsBut">
                        <span>查看折扣价</span>
                    </div>
                </div>
                <div class="windowsHomeText" id="PhoneToll" style="visibility: hidden">
                    <div>
                        <span style="letter-spacing: 0px;">运用商:</span>
                        <select>
                            <option>移动</option>
                        </select>
                        <br />
                        <span style="letter-spacing: 5px;">地区:</span>
                        <select>
                            <option>浙江</option>
                        </select>
                        <br />
                        <span style="letter-spacing: 5px;">面值:</span>
                        <select>
                            <option>50元</option>
                        </select>
                    </div>
                    <div class="windowsHomeGetBut" id="notebookWindowsBut">
                        <span>查看折扣价</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="kong"></div>
</div>
<script src="~/Scripts/jquery-3.4.1.js"></script>
<script src="~/Scripts/vue.js"></script>
<script src="~/Scripts/HomeJs.js"></script>

